<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>   
<!--<script src="https://cdn.jsdelivr.net/npm/vue"></script>-->
<script src="js/vue.js" type="text/javascript" charset="utf-8"></script>
<script src="js/vue-resource.js" type="text/javascript" charset="utf-8"></script>

</head>

<body>
<!-- 定义一个vue的管理区块，（MVVM中的View） -->
<div id="app">

</div>

</body>

<script>

    // 实例化vue对象（MVVM中的View Model）
    new Vue({
        // vm控制的区块为id为app的div，此div中的所有vue指令均可以被vm解析
        el:'#app',
        data:{
        // 数据 （MVVM中的Model）   
        },
        mounted:function() {
            var url = "http://222.169.192.173/cms/index.php/api/Carousels";
            //在vue-resources中会自动在路径上加入callback的函数名，得到的结果就是result
            this.$http.jsonp(url).then(function(result){
                var res =result.body;
                console.log(res);
            });
        }
    })
</script>
</html>